﻿<!doctype html>
<html>
<head>
	<title>CSS Overview Exercise 2</title>
	<link rel="stylesheet" type="text/css" href="CSS-Overview-Ex2.css" />
</head>
<body>
	<form method="post" action="#">
		<table>
			<colgroup>
				<col id="colName" />
				<col id="colCity"/>
				<col id="colCountry"/>
				<col id="colPromo"/>
			</colgroup>
			<thead>
				<tr>
					<th><div class="title">Contact Name</div></th>
					<th><div class="title">City</div></th>
					<th><div class="title">Country</div></th>
					<th><div class="title">Is Promoted</div></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Maria Anders</td>
					<td>Berlin</td>
					<td>
						<img src="flagGermany.gif" alt="flag" width="39" height="28"/>
						<span>Germany</span>
					</td>
					<td>
						<input type="checkbox" disabled="disabled"/>
					</td>
				</tr>
				<tr>
					<td>Ana Trujillo</td>
					<td>México D.F.</td>
					<td>
						<img src="flagMexico.gif" alt="flag" width="39" height="28"/>
						<span>Mexico</span>
					</td>
					<td>
						<input type="checkbox" disabled="disabled"/>
					</td>
				</tr>
				<tr>
					<td>Antonio Moreno</td>
					<td>México D.F.</td>
					<td>
						<img src="flagMexico.gif" alt="flag" width="39" height="28"/>
						<span>Mexico</span>
					</td>
					<td>
						<input type="checkbox" disabled="disabled" checked="checked"/>
					</td>
				</tr>
				<tr>
					<td>Thomas Hardy</td>
					<td>London</td>
					<td>
						<img src="flagUK.gif" alt="flag" width="39" height="28"/>
						<span>UK</span>
					</td>
					<td>
						<input type="checkbox" disabled="disabled"/>
					</td>
				</tr>
			</tbody>
		</table>
	</form>
</body>
</html>